<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通正健康咨询智能管理系统</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="../css/reset.css" />
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/page-common.css" />
<link rel="stylesheet" href="../css/Smoke520Theme/jquery-ui-1.10.3.custom.css" />
</head>
<body>
<div id="page">
    <div id="header">
        <img class="logo" src="../img/logo.png" alt="logo" width="170" height="40" />
        <div id="login-bar">
            <a href="#">注销</a> | <a href="#">退出</a>
        </div>
    </div>
    <div class="info-bar">
        <span>2013/07/10(星期日)</span><span>通正公司 XX部门</span><span>李四</span>
    </div>
    
  <div id="nav"> 
    <ul id="nav-main" class="util-clearfix">
      <li class="first"><a href="home.html">首页</a></li>
      <li><a href="#" url-data="#nav2">量表管理</a></li>
      <li><a href="#" url-data="#nav3">订单管理</a></li>
      <li><a href="#" url-data="#nav4">问卷管理</a></li>
      <li><a href="#" url-data="#nav5">对策编辑</a></li>
      <li><a href="#" url-data="#nav7">咨询建议</a></li>
      <li><a href="#" url-data="#nav1">基础信息管理</a></li>
      <li><a href="#" url-data="#nav6">报告管理</a></li>
      <li><a href="#">报表中心</a></li>
    </ul>
    <div class="nav-sub util-clearfix"> 
      <div class="nav-sub-body" id="nav1"><a href="managePart.html">数据字典</a> | 
        <a href="manageDeparment.html">部门管理</a> | <a href="manageArchitecture.html">组织结构管理</a> 
        | <a href="manageUser.html">用户管理</a> | <a href="managePower.html">权限分配</a></div>
      <div class="nav-sub-body" id="nav2"><a href="manageTable.html">量表管理</a> 
        | <a href="manageTableType.html">类型管理</a> | <a href="manageFormula.html">公式管理</a> 
        | <a href="managePrice.html">价格管理</a> | <a href="manageExplain.html">解释管理</a> 
        | <a href="assignTable.html">量表分配</a> | <a href="managePool.html">题库管理</a> 
        | <a href="manageDimension.html">维度管理</a> | <a href="manageConstant.html">常维管理</a> 
        | <a href="imageTemplate.html">图解模板</a> | <a href="manageExpertSuggestion.html">专家建议</a></div>
      <div class="nav-sub-body" id="nav3"><a href="manageOrder.html">订单管理</a> 
        | <a href="managePackage.html">套餐管理</a> | <a href="manageQuote.html">报价管理</a> 
        | <a href="manageSchedule.html">进度计划管理</a> | <a href="manageCustomer.html">客户信息管理</a></div>
      <div class="nav-sub-body" id="nav4"><a href="questionnaire.html">新增问卷</a> 
        | <a href="questionnaireList.html">问卷列表</a></div>
      <div class="nav-sub-body" id="nav5"><a href="manageCountermeasureP">个人</a> 
        | <a href="manageCountermeasureC.html">公司</a> | <a href="manageCountermeasureD">部门</a></div>
      <div class="nav-sub-body" id="nav6"><a href="manageReport.html">报告管理</a></div>
      <div class="nav-sub-body" id="nav7"><a href="manageExpert.html">专家管理</a> 
        | <a href="manageCategory.html">咨询类别设置</a> | <a href="manageSuggestion.html">建议管理</a></div>
    </div>
  </div>
    
  <div id="content" class="util-clearfix"> 
    <div id="main1"> 
      <div class="ui-box"> 
        <div class="ui-box-title util-clearfix"> 
          <div class="ui-box-title-body"> 
            <div class="title-text">新增订单</div>
          </div>
        </div>
        <div class="ui-box-body"> 
          <div class="creat-table"> 
            <table>
              <tr> 
                <th width="60">客户代码</th>
                <td width="120"><input type="text" class="ui-textfield ui-textfield-system" /></td>
                <th width="80">客户名称</th>
                <td width="160"><input id="customer-name" autocomplete="off" type="text" class="triangle-down article-down ui-textfield ui-textfield-system" /> 
                  &nbsp;<span class="require"></span></td>
                <th width="50">类型</th>
                <td> <select>
                    <option>集团</option>
                    <option>个人</option>
                  </select> </td>
              </tr>
              <tr> 
                <th>测试人数</th>
                <td><input type="text" class="ui-textfield ui-textfield-system disabled" value="111" disabled="disabled" /></td>
                <th>希望日期</th>
                <td colspan="3"><input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" /> 
                  &nbsp;到&nbsp; <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" /></td>
              </tr>
            </table>
            <div class="order-frame util-clearfix"> 
              <div class="order-frame-main"> 
                <table>
                  <tr> 
                    <th width="55"><input id="check-target1" type="checkbox" class="ui-checkbox ui-checkbox-system" />
                      套餐</th>
                    <td> <div class="sub-table-title">套餐列表</div>
                      <table class="sub-table" id="check-abled1">
                        <tr> 
                          <td colspan="5"> <input type="text" class="ui-textfield ui-textfield-system" /> 
                            <button class="ui-button-page ui-button-primary ui-button-small">查询</button></td>
                        </tr>
                        <tr> 
                          <th width="30"></th>
                          <th>套餐名</th>
                          <th>希望日期</th>
                          <th width="60">测试人数</th>
                          <th width="60">价格(万)</th>
                        </tr>
                        <tr> 
                          <td><input class="select-abled" type="checkbox" class="ui-checkbox ui-checkbox-system" /></td>
                          <td><a class="test-type" target-id="#package1" style="cursor:pointer;">A套餐</a></td>
                          <td><span class="select-target" style="display:none"> 
                            <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                            &nbsp;到&nbsp; 
                            <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                            </span></td>
                          <td> <input type="text" class="select-target ui-textfield ui-textfield-system" style="display:none;width:50px;" /> 
                          </td>
                          <td>15</td>
                        </tr>
                        <tr class="test-class" id="package1" style="display:none;"> 
                          <td></td>
                          <td colspan="4"> <table class="search-table">
                              <tr> 
                                <th width="30"></th>
                                <th>量表名</th>
                                <th>希望日期</th>
                                <th width="50">分类</th>
                                <th width="60">测试人数</th>
                                <th width="60">价格(万)</th>
                              </tr>
                              <tr> 
                                <td><input class="select-abled" type="checkbox" class="ui-checkbox ui-checkbox-system" /></td>
                                <td><a href="#">量表1</a></td>
                                <td><span class="select-target" style="display:none"> 
                                  <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                                  &nbsp;到&nbsp; 
                                  <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                                  </span></td>
                                <td>xxxx</td>
                                <td> <input type="text" class="select-target ui-textfield ui-textfield-system" style="display:none;width:50px;" /> 
                                </td>
                                <td>13</td>
                              </tr>
                              <tr> 
                                <td><input class="select-abled" type="checkbox" class="ui-checkbox ui-checkbox-system" /></td>
                                <td><a href="#">量表2</a></td>
                                <td><span class="select-target" style="display:none"> 
                                  <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                                  &nbsp;到&nbsp; 
                                  <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                                  </span></td>
                                <td>xxxx</td>
                                <td><input type="text" class="select-target ui-textfield ui-textfield-system" style="display:none;width:50px;" /> 
                                </td>
                                <td>10</td>
                              </tr>
                            </table></td>
                        </tr>
                        <tr> 
                          <td><input class="select-abled" type="checkbox" class="ui-checkbox ui-checkbox-system" /></td>
                          <td><a href="#">B套餐</a></td>
                          <td><span class="select-target" style="display:none"> 
                            <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                            &nbsp;到&nbsp; 
                            <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                            </span></td>
                          <td> <input type="text" class="select-target ui-textfield ui-textfield-system" style="display:none;width:50px;" /> 
                          </td>
                          <td>12</td>
                        </tr>
                        <tr> 
                          <th colspan="4">合计</th>
                          <td>XX.xx</td>
                        </tr>
                      </table></td>
                  </tr>
                </table>
                <table>
                  <tr> 
                    <th width="55"><input id="check-target2" type="checkbox" class="ui-checkbox ui-checkbox-system" />
                      定制</th>
                    <td> <div class="sub-table-title">量表列表</div>
                      <table class="sub-table" id="check-abled2">
                        <tr> 
                          <td colspan="6"> <div class="sub-search"> <span>分类</span> 
                              <select>
                                <option>Example 1-1</option>
                                <option>option 2</option>
                                <option>option 3</option>
                              </select>
                            </div>
                            <div class="sub-search"> <span>量表名称</span> 
                              <input type="text" class="ui-textfield ui-textfield-system" />
                              <button class="ui-button-page ui-button-primary ui-button-small">查询</button>
                            </div></td>
                        </tr>
                        <tr> 
                          <th width="30"></th>
                          <th>量表名</th>
                          <th>希望日期</th>
                          <th width="50">分类</th>
                          <th width="60">测试人数</th>
                          <th width="60">价格(万)</th>
                        </tr>
                        <tr> 
                          <td><input class="select-abled" type="checkbox" class="ui-checkbox ui-checkbox-system" /></td>
                          <td><a href="#">量表1</a></td>
                          <td><span class="select-target" style="display:none"> 
                            <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                            &nbsp;到&nbsp; 
                            <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                            </span></td>
                          <td>xxxx</td>
                          <td> <input type="text" class="select-target ui-textfield ui-textfield-system" style="display:none;width:50px;" /> 
                          </td>
                          <td>13</td>
                        </tr>
                        <tr> 
                          <td><input class="select-abled" type="checkbox" class="ui-checkbox ui-checkbox-system" /></td>
                          <td><a href="#">量表2</a></td>
                          <td><span class="select-target" style="display:none"> 
                            <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                            &nbsp;到&nbsp; 
                            <input style="width:80px" type="text" class="datepicker ui-textfield ui-textfield-system" />
                            </span></td>
                          <td>xxxx</td>
                          <td><input type="text" class="select-target ui-textfield ui-textfield-system" style="display:none;width:50px;" /> 
                          </td>
                          <td>10</td>
                        </tr>
                        <tr> 
                          <th colspan="5">合计</th>
                          <td>XX.xx</td>
                        </tr>
                      </table></td>
                  </tr>
                </table>
              </div>
              <div class="order-frame-bar" style="padding:33px 0 0 10px;"> 
                <table class="sub-table">
                  <tr> 
                    <th width="65"> 总价 </th>
                    <td> <input type="text"  class="ui-textfield ui-textfield-system disabled" value="111" disabled="disabled" />
                      (万元) </td>
                  </tr>
                  <tr> 
                    <th> 折扣 </th>
                    <td> <input type="text" class="ui-textfield ui-textfield-system" />
                      (折) </td>
                  </tr>
                  <tr> 
                    <th> 实价 </th>
                    <td> <input type="text" class="ui-textfield ui-textfield-system" /> 
                      &nbsp;<span class="require"></span> </td>
                  </tr>
                </table>
                <table class="sub-table">
                  <tr> 
                    <th width="65"> 管理员姓名 </th>
                    <td> <input type="text" class="ui-textfield ui-textfield-system" /> 
                      &nbsp;<span class="require"></span> </td>
                  </tr>
                  <tr> 
                    <th> 工号 </th>
                    <td> <input type="text" class="ui-textfield ui-textfield-system" /> 
                      &nbsp;<span class="require"></span> </td>
                  </tr>
                  <tr> 
                    <th> E-mail </th>
                    <td> <input type="text" class="ui-textfield ui-textfield-system" /> 
                      &nbsp;<span class="require"></span> </td>
                  </tr>
                  <tr> 
                    <td colspan="2"> <button class="ui-button-page ui-button-primary ui-button-small">创建账号</button></td>
                  </tr>
                  <tr> 
                    <th> 账号 </th>
                    <td> <input type="text" class="ui-textfield ui-textfield-system" /> 
                    </td>
                  </tr>
                  <tr> 
                    <th> 密码 </th>
                    <td> <input type="text" class="ui-textfield ui-textfield-system" /> 
                    </td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
          <div class="btn-action btn-action-bottom"> <a href="confirmOrder.html"> 
            <button class="ui-button-page ui-button-primary ui-button-medium">提交</button>
            </a> 
            <button class="ui-button-page ui-button-normal ui-button-medium">保存</button>
          </div>
        </div>
      </div>
    </div>
  </div>

    <div id="footer">Copyright &copy; 2007-2012 XXXXX Group Co.Ltd All Rights Reserved</div>
</div>

<script src="../js/jquery-1.7.min.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/jquery-ui-1.10.3.custom.min.js"></script>
<script>
    $(function(){
        
		$('.test-type').click(function(){
            var target = $(this).attr('target-id');
            $('.add-test').hide();
            $(target).show();
        })
		//辅助添加input go
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme",
			"大小a",
            "小中1"
        ];
        $('#customer-name').autocomplete({
          source:availableTags
        });
		//辅助添加input end

        $('#check-abled1 :input,#check-abled2 :input').attr('disabled','disabled').addClass('disabled');
        //编辑回填
        if($('#check-target1').attr('checked')){
               $('#check-abled1 :input').removeAttr('disabled').removeClass('disabled');        
        }
        if($('#check-target2').attr('checked')){
               $('#check-abled2 :input').removeAttr('disabled').removeClass('disabled');        
        }
        //正常流程动作
        $('#check-target1').click(function(){
            if($(this).attr('checked')){
                $('#check-abled1 :input').removeAttr('disabled').removeClass('disabled');         
            }else{
                $('#check-abled1 :input').attr('disabled','disabled').addClass('disabled');
            }
        });
        $('#check-target2').click(function(){
            if($(this).attr('checked')){
                $('#check-abled2 :input').removeAttr('disabled').removeClass('disabled');            
            }else{
                $('#check-abled2 :input').attr('disabled','disabled').addClass('disabled');
            }
        });
        $('.select-abled').click(function(){
            if($(this).attr('checked')){
                $(this).closest('tr').find('.select-target').val('').show();
            }else{
                $(this).closest('tr').find('.select-target').val('').hide();
            }
        });
        $(".datepicker").datepicker();
    });
</script>
</body>
</html>